<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
    <!--1.行内分区元素-->
    <h1>大家好 <span style="color: red;">第三阶段</span> 进行学习！</h1>
    <br>
    <h2><span style="color: blue;">2025年10月28日</span>
        星期<span style="color: green;">二</span>
        天气<span style="color: orange;">晴</span>
    </h2>
    <div>我是块级元素</div>
    <div>我是块级元素</div>
    <div>我是块级元素</div>
    <hr>
    <!--3.旧版页面分区方式-->
    <div class="header">我是顶部条</div>
    <div class="nav">我是导航栏</div>
    <div class="main">我是主体内容</div>
    <div class="footer">我是底部</div>
    <hr>
    <!--4.新版页面分区方式-->
    <header>我是顶部条</header>
    <nav>我是导航栏</nav>
    <main>我是主体内容</main>
    <footer>我是底部</footer>
</body>
</html>